<template>
  <div>
    <pageHeader title="系统图标"></pageHeader>
    <pageMain>
      <div class="icon-list">
        <div
          class="icon-list-li"
          v-for="(item, index) in 80"
          :key="index"
        ></div>
      </div>
    </pageMain>
  </div>
</template>

<script>
import pageMain from "~/page-main/page-main.vue";
import pageHeader from "~/page-header/page-header.vue";
export default {
  components: { pageMain, pageHeader },
  data() {
    return {};
  },
};
</script>

<style scoped>
.icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0px;
  box-sizing: border-box;
}
.icon-list-li {
  width: 65px;
  height: 65px;
  border: 1px solid #c3c3c3;
}
</style>
